:root{
     --COMPANY_STYLE_ALT_BANNER_BG_COLOR:#56b986;
     --COMPANY_STYLE_ALT_BANNER_BG_COLOR_DARKEN:#387857;
     --COMPANY_STYLE_BANNER_BG_COLOR:linear-gradient( 90deg, #56b986 0%, #56b986 100% );
     --COMPANY_STYLE_FONT_COLOR:#56b986;
     --COMPANY_STYLE_FONT_COLOR_DARKEN:#387857;
     --COMPANY_STYLE_SECONDARY_FONT_COLOR:#56b986;
     --COMPANY_STYLE_SECONDARY_FONT_COLOR_DARKEN:#387857;
     --COMPANY_STYLE_KB_BANNER_BG_COLOR:linear-gradient( 90deg, #ffcd00 0%, #ffcd00 100% );
     --COMPANY_STYLE_KB_BANNER_FONT_COLOR:#212121;
     --COMPANY_STYLE_KB_BANNER_FONT_COLOR_DARKEN:#151515;
     --COMPANY_STYLE_KB_BG_COLOR:#56b986;
     --COMPANY_STYLE_KB_BG_COLOR_DARKEN:#387857;
     --COMPANY_STYLE_KB_FONT_COLOR:#ffffff;
     --COMPANY_STYLE_KB_FONT_COLOR_DARKEN:#A6A6A6;
     --COMPANY_STYLE_KB_LABEL_COLOR:#56b986;
     --COMPANY_STYLE_KB_LABEL_COLOR_DARKEN:#387857;
     --COMPANY_STYLE_ADMIN_BANNER_BG_COLOR:#ffcd00;
     --COMPANY_STYLE_ADMIN_BANNER_BG_COLOR_DARKEN:#A68500;
     --COMPANY_STYLE_ADMIN_BANNER_FONT_COLOR:#000000;
     --COMPANY_STYLE_ADMIN_BANNER_FONT_COLOR_DARKEN:#000000;
     --COMPANY_STYLE_ADMIN_BUTTON_BG_COLOR:#ffcd00;
     --COMPANY_STYLE_ADMIN_BUTTON_BG_COLOR_DARKEN:#A68500;
     --COMPANY_STYLE_ADMIN_BUTTON_FONT_COLOR:#000000;
     --COMPANY_STYLE_ADMIN_BUTTON_FONT_COLOR_DARKEN:#000000;
}

@font-face {
    font-family: "Kumba Sans";
    font-style: normal;
    font-display: auto;
    src: url("../../fonts/Kumba Sans/KumbhSans-VariableFont_YOPQ,wght.ttf") format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: "Kumba Sans";
    font-style: normal;
    font-display: auto;
    src: url("../../fonts/Kumba Sans/KumbhSans-VariableFont_YOPQ,wght.ttf") format('truetype');
    font-weight: 500;
}


@font-face {
    font-family: "Kumba Sans";
    font-style: normal;
    font-display: auto;
    src: url("../../fonts/Kumba Sans/KumbhSans-VariableFont_YOPQ,wght.ttf") format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: "Kumba Sans";
    font-style: normal;
    font-display: auto;
    src: url("../../fonts/Kumba Sans/KumbhSans-VariableFont_YOPQ,wght.ttf") format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: "Kumba Sans";
    font-style: normal;
    font-display: auto;
    src: url("../../fonts/Kumba Sans/KumbhSans-VariableFont_YOPQ,wght.ttf") format('truetype');
    font-weight: 200;
}

@font-face {
    font-family: "Kumba Sans";
    font-style: normal;
    font-display: auto;
    src: url("../../fonts/Kumba Sans/KumbhSans-VariableFont_YOPQ,wght.ttf") format('truetype');
    font-weight: 100;
}

 @font-face {
     font-family: "FontAwesome";
     src: url("../fonts/fontawesome-webfont.woff") format("woff");
}

 *:not(i) {
font-size:14px;
font-weight: 400;
}

.ernav-loadingicon {
    --size: 53px; /* overall size */
    --stroke: 1; /* ring thickness (px) */
    --arc: 50; /* arc length % */
    --speed: 0.3s; /* rotation duration */
    --track: #d9d9d9; /* grey circle */
    --arc-color: #000; /* black spinner */
    position: relative;
    left: calc(50% - (var(--size) / 2));
}

    .ernav-loadingicon .ernav-loader {
        width: var(--size);
        height: var(--size);
        display: block;
    }

    .ernav-loadingicon .ernav-track {
        fill: none;
        stroke: var(--track);
        stroke-width: var(--stroke);
    }

    .ernav-loadingicon .ernav-arc {
        fill: none;
        stroke: var(--arc-color);
        stroke-width: var(--stroke);
        stroke-linecap: round;
        stroke-dasharray: var(--arc) 100;
        stroke-dashoffset: 0;
        transform-origin: 50% 50%;
        animation: spin var(--speed) linear infinite;
    }

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.external-toolbar-left{
    column-gap: 20px;
    text-align: center;
    column-gap: 20px;
    display: flex !important;
    flex-basis: auto;
    flex-direction: column;
    flex-shrink: 0;
    flex-wrap: nowrap;
    justify-content: center;
    height: 100px;
    width: 37.879%;
}

img.external-logo{
    width: 14.838vw; 
    height: 5.256vh;
    content:url("/images/SimplyLabour/SimplyLabourLogoColour.png")
}

.external-toolbar-center {
    width: 64%;
    height: 100px;
    display: flex;
    align-items: center;
}

.external-toolbar-navigation{
    list-style: none;
    display: flex;
    height: 30px;
    margin-top: 8px;
    margin-bottom: 2px;
    padding-left: 0;
    
}

.external-toolbar-navigation li,
.external-toolbar-navigation li a{
    text-align: center;
    text-decoration: none;
    font-family: "Kumba Sans", sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #1F1D0E;
    cursor: pointer;
    position: relative;
}

.external-toolbar-navigation li a{
    padding-bottom: 4px;
}

.external-toolbar-navigation .active{
    color: #56B986 !important;
}

.external-toolbar-navigation a:hover::after{
    background-color: #324a6d;
    bottom: 0px;
    box-sizing: border-box;
    color: rgb(50, 74, 109);
    content: "";
    cursor: pointer;
    display: block;
    fill: rgb(50, 74, 109);
    font-family: "Kumbh Sans", sans-serif;
    font-size: 18px;
    font-weight: 600;
    height: 1px;
    left: 0px;
    letter-spacing: normal;
    line-height: 20px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    position: absolute;
    text-align: left;
    text-size-adjust: 100%;
    white-space: nowrap; /* `text-wrap-mode: nowrap;` is non-standard */
    transform: matrix(1, 0, 0, 1, 0, 0);
    transition-behavior: normal; /* Not a valid property, can be omitted */
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.58, 0.3, 0.005, 1);
    white-space-collapse: collapse; /* Not widely supported, can be omitted */
    width: 100%;
    z-index: 2;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.external-toolbar-navigation a:hover{
    color: #324a6d;
}

.external-toolbar-navigation .active::after{
    background-color: rgb(86, 185, 134) !important;
    bottom: 0px;
    box-sizing: border-box;
    color: rgb(50, 74, 109);
    content: "";
    cursor: pointer;
    display: block;
    fill: rgb(50, 74, 109);
    font-family: "Kumbh Sans", sans-serif;
    font-size: 18px;
    font-weight: 600;
    height: 1px;
    left: 0px;
    letter-spacing: normal;
    line-height: 20px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    position: absolute;
    text-align: left;
    text-size-adjust: 100%;
    white-space: nowrap; /* `text-wrap-mode: nowrap;` is non-standard */
    transform: matrix(1, 0, 0, 1, 0, 0);
    transition-behavior: normal; /* Not a valid property, can be omitted */
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.58, 0.3, 0.005, 1);
    white-space-collapse: collapse; /* Not widely supported, can be omitted */
    width: 73.6518px;
    z-index: 2;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.external-toolbar-navigation .start{
    margin-right: 15px
}

.external-toolbar-navigation .end{
    margin-left: 15px
}

.external-confirm-button {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(86, 185, 134);
    border-radius: 15px;
    box-shadow: none;
    box-sizing: border-box;
    color: rgb(86, 185, 134);
    cursor: pointer;
    display: inline-block;
    fill: rgb(86, 185, 134);
    font-family: "Kumba Sans", sans-serif;
    font-size: 18px;
    font-weight: 600;
    height: 52px;
    letter-spacing: normal;
    line-height: 18px;
    padding: 16px 28px;
    text-align: center;
    text-decoration: none;
    text-size-adjust: 100%;
    transition: all 0.3s ease;
    width: 114.641px;
    -webkit-font-smoothing: antialiased;
}

.external-confirm-button:hover{
    background-color: rgb(86, 185, 134);
    color: rgb(255, 255, 255);
    transition: all 0.3s ease;
}

.external-toolbar-buttons{
    width: 35%;
    text-align: right;
}

.external-mobi-footer-menu-dropdown-content{
    display: none;
}

/* MOBILE */
@media (min-width: 320px) and (max-width: 480px) {

    .mobile-support .external-form {
        padding: 10px !important;
    }

    .mobile-support .activation-container{
        margin: 10px !important;
    }
    
    .external-toolbar-container{
        height: 60px !important;
        background-color: #FFFFFF !important;
        padding-left: 6% !important;
        padding-right: 6% !important;
        padding-top: 0 !important;
    }

    .external-toolbar-left{	
          height: 60px !important;
    }
		
    .external-confirm-button{
        background-color: red;
        color: rgb(255, 255, 255);
        transition: all 0.3s ease;
    }

    .external-logo{
        width: 50.838vw !important; 
        height: auto !important;
        content:url("/images/SimplyLabour/SimplyLabourLogoColour.png")
    }

    .external-toolbar-center{
        display: none;
    }

    .external-footer-container{                
        width: 100vw !important;                
        margin-left: auto !important;                
        margin-right: auto !important;                
        background-color: var(--COMPANY_STYLE_ALT_BANNER_BG_COLOR) !important;                
        border-radius: 24px 24px 0 0 !important;                
        display: flex !important;                
        position: relative;                
        min-height: 514px;                
        justify-content: center;                
        overflow: hidden;                
        padding: 5%;        
        
    }

    div.external-footer-container {
        margin-top: 20px !important;
    }

    .external-mobi-menu-dropdown-content-right{
        width: 100% !important;
        text-align: right !important;                    
    }

    .external-mobi-menu-dropdown-content-right .external-mobi-menu{
        font-size: 20px !important;
        margin-top: 17px !important;
    }

    .external-form.external-mobi-signup-form{
        margin-top: 50px !important;
    }

    .ProMenuAction{
        margin-top: 0px !important;
        background-color: #F3F5F8 !important;
        
    }

    .ProMenuAction div{
        text-align: left !important;
        padding-left: 15px !important;
        height: 50px !important;
        line-height: 50px !important;
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
    }

    .ProMenuAction div.active{
        background-color: #FFCD00;
    }

    .external-footer-web-navigation{
        display: none !important;
    }

    .external-footer-content{
        grid-auto-flow:row !important;
        grid-template-columns: none !important;
    }

    #idProFooterMenuAction, div.ProMenuAction{
        visibility: hidden;
        position: fixed;
        right: 0px;
        top: 60px;
        color: #000 !important;
    }

    .external-mobi-footer-menu-dropdown-content {
        width: 100%;
        margin-bottom: 15px !important;
        display: block !important;
    }

    .external-mobi-footer-menu-dropdown-content .external-mobi-menu{
        font-size: 20px !important;
    }

    #idProFooterMenuAction:checked ~ div.ProFooterMenuAction {
        display: block;
    }

    div.ProFooterMenuAction{
        background-color: white;
        display: none;
    }

    div.ProFooterMenuAction div{
        height: 30px !important;
        line-height: 30px !important;
        
        padding-left: 15px !important;
        text-decoration: none !important;
    }

    div.ProFooterMenuAction div a{
       font-family: "Kumba Sans", sans-serif;
        font-size: 20px;
        font-weight: 600;
        text-decoration: none !important;
        color: #3f444b;
    }


     div.ProFooterMenuAction div.active{
         background-color: #3f444b;
         color: white !important;
     }

     div.ProFooterMenuAction div.active a{
        color: white !important;
    }

}

.external-footer-container{
    width: 1500px;                
    margin-left: auto !important;                
    margin-right: auto !important;                
    background-color: var(--COMPANY_STYLE_ALT_BANNER_BG_COLOR) !important;                
    border-radius: 24px 24px 0 0 !important;                
    display: flex !important;                
    position: relative;                
    min-height: 514px;                
    justify-content: center;                
    overflow: hidden;                
    margin-top: 100px !important;                
    padding: 5%;            
}

.external-footer-container::before {
    content: ""; /* Required for ::before to appear */
    display: block;
    background: url('/images/SimplyLabour/SimplyLabourFooterLogo.png') no-repeat center;
    background-size: contain; /* Ensures the image scales properly */
    width: 100%; /* Adjust as needed */
    height: 725px; /* Set an explicit height */
    mix-blend-mode: luminosity;
    opacity: 0.08;
    text-align: start;
    position: absolute;
    top: 0;
    left: 0;
    background-position: left top;
    z-index: 0;          
    user-select: none; /* Prevents text/image selection */
    pointer-events: none; /* Disables interaction */
    -webkit-user-drag: none; /* Prevents dragging in WebKit browsers */
}

.external-footer-content{
      height: 323.5px;
      width: 1195.22px;
      display: grid;
      grid-auto-flow: column;
      padding: 10px;
      column-gap: 20px;
      grid-template-columns: 278.797px 278.797px 278.797px 278.797px;
      z-index: 1;
}


.external-footer-logo{
    width:278.797px; 
    height: auto;
    user-select: none; /* Prevents text/image selection */
    pointer-events: none; /* Disables interaction */
    -webkit-user-drag: none; /* Prevents dragging in WebKit browsers */
}

.external-footer-navigation{
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    padding: 10px
}

.external-footer-navigation li,
.external-footer-navigation li a{
    text-align: center;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 500;
    height: 46px;
    text-decoration: none;
}

.external-footer-navigation li:hover a,
.external-footer-navigation li.active,
.external-footer-navigation li.active a,
.external-footer-navigation li.active a:hover{
    color: #f4cb00 !important;
}

.external-footer-contact-us{
    color: #FFFFFF;
    font-family: 'Poppins';
    padding: 10px;
}

.external-footer-contact-us-header{
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 20px;
}

.external-footer-contact-us-body,
.external-footer-contact-us-footer{
    font-weight: 300;
    font-size: 16px;
    margin-bottom: 20px;
}

.textbox-label{
  font-size: 14px !important;
  font-weight: 800 !important;
  font-family: 'Kumba Sans' !important;
}

 .simply-labour-text-label{
     font-family: "Kumba Sans", sans-serif;
     font-size: 16px !important;
     font-stretch: 100% !important;
     font-style: normal !important;
     font-variant-caps: normal !important;
     font-variant-east-asian: normal !important;
     font-variant-ligatures: normal !important;
     font-variant-numeric: normal !important;
     font-weight: 500 !important;
}
 .simply-labour-text-label-bold{
     font-family: "Kumba Sans", sans-serif;
     font-size: 16px !important;
     font-stretch: 100% !important;
     font-style: normal !important;
     font-variant-caps: normal !important;
     font-variant-east-asian: normal !important;
     font-variant-ligatures: normal !important;
     font-variant-numeric: normal !important;
     font-weight: 600 !important;
}
 .loginLogo, #imgLogo{
     margin-top: 20px !important;
     margin-bottom: 20px !important;
     width: 300px !important;
     height: auto !important;
     position: absolute !important;
     left: 50px !important;
     top: 0px !important;
     content: url("/images/SimplyLabour/SimplyLabourLogo.png") !important;
     padding: 0 !important;
}
 .loginLogoBlack, #imgLogo .loginLogoBlack {
     content:url("/images/SimplyLabour/SimplyLabourLogoBlack.png") !important;
     margin-top: 20px !important;
     margin-bottom: 20px !important;
     width: 300px !important;
     height: auto !important;
     position: absolute !important;
     left: 50px !important;
     top: 0px !important;
     padding: 0 !important 
}
 .pro-logo{
     content:url("/images/SimplyLabour/SimplyLabourLogoColour.png");
}
 html {
     font-family: 'Kumba Sans',sans-serif;
     font-size: 13px;
     font-stretch: 100%;
     font-style: normal;
     font-variant-caps: normal;
     font-variant-east-asian: normal;
     font-variant-ligatures: normal;
     font-variant-numeric: normal;
     font-weight: 300;
     -webkit-font-smoothing: antialiased;
     text-rendering: auto;
     font-variant-caps: normal;
     font-variant-east-asian: normal;
     font-variant-ligatures: normal;
     font-variant-numeric: normal;
     font-stretch: 100%;
}
 .textbox {
     appearance: auto;
     background-color: rgb(255,255,255);
     box-sizing: border-box;
     display: inline-block;
     float: none;
     margin-bottom: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-top: 0px;
     padding-bottom: 10px;
     padding-left: 15px;
     padding-right: 15px;
     padding-top: 10px;
     visibility: visible;
     width: 270.031px;
     font-family: 'Kumba Sans',sans-serif !important;
     font-size: 16px;
     font-stretch: 100%;
     font-style: normal;
     font-variant-caps: normal;
     font-variant-east-asian: normal;
     font-variant-ligatures: normal;
     font-variant-numeric: normal;
     letter-spacing: normal;
     line-height: 22.4px;
     text-align: start;
     text-indent: 0px;
     text-shadow: none;
     text-size-adjust: 100%;
     text-transform: none;
     vertical-align: middle;
     word-spacing: 0px;
     color: rgb(0,:0,:0);
     border-color: #d3d2d2;
     border-style: solid;
     border-width: 1px;
     border-image-outset: 0;
     border-image-repeat: stretch;
     border-image-slice: 100%;
     border-image-source: none;
     border-image-width: 1px;
     cursor: text;
     -webkit-border-image: none;
     border-radius: 4px;
}
 .ui-dialog.ernav_dialog, .ui-dialog.ernav_dialog_2 {
     z-index: 9999 !important;
}
 .ui-dialog.ernav_dialog .ui-dialog-content, .ui-dialog.ernav_dialog_2 .ui-dialog-content {
     background-color: white;
}
 .ui-dialog.ernav_dialog:hover, .ui-dialog.ernav_dialog_2:hover {
     cursor:move;
}
 .ui-dialog.ernav_dialog .ui-dialog-titlebar, .ui-dialog.ernav_dialog_2 .ui-dialog-titlebar{
     background: var(--COMPANY_STYLE_BANNER_BG_COLOR) !important;
     height: 30px;
     line-height: 37.5px;
     color: white;
     padding-left: 10px;
     font-size: 16px;
     font-weight: 600;
     height: 37.5px;
}
 .ui-dialog-titlebar-close {
     display: none !important;
}
 .label {
     box-sizing: border-box;
     color: rgb(51, 51, 51);
     display: block;
     font-family: 'Kumba Sans',sans-serif;
     font-size: 16px;
     
    font-weight: 400 !important;
     font-stretch: 100%;
     font-style: normal;
     font-variant-caps: normal;
     font-variant-east-asian: normal;
     font-variant-ligatures: normal;
     font-variant-numeric: normal;
     letter-spacing: normal;
     line-height: 19.5px;
     margin-block-end: 0px;
     margin-block-start: 0px;
     margin-bottom: 0px;
     margin-inline-end: 0px;
     margin-inline-start: 0px;
     margin-top: 0px;
     text-transform: none;
     
    -webkit-font-smoothing: antialiased;
    text-size-adjust: 100%;
    unicode-bidi: isolate;
    color: #1f1d0e;
}
 .header0, .header1, .header2, .header3, .header6 {
     box-sizing: border-box;
     color: rgb(51, 51, 51);
     display: block;
     font-family: 'Kumba Sans',sans-serif;
     font-size: 16px;
     font-stretch: 100%;
     font-style: normal;
     font-variant-caps: normal;
     font-variant-east-asian: normal;
     font-variant-ligatures: normal;
     font-variant-numeric: normal;
     font-weight: 400;
     height 48.5px;
     letter-spacing: normal;
     line-height: 19.5px;
     margin-block-end: 0px;
     margin-block-start: 0px;
     margin-bottom: 0px;
     margin-inline-end: 0px;
     margin-inline-start: 0px;
     margin-top: 0px;
     text-size-adjust: 100%;
     text-transform: none;
}
 .header1 {
     font-size: 28px;
     font-weight: 500;
     margin-bottom: 30px;
}
 .header0, .header2 {
     font-size: 20px !important;
     font-weight: 500;
}
 .header3 {
     font-size: 17px;
     font-weight: 500;
     margin-bottom: 30px;
}
 .header6 {
     font-size: 12px;
     font-weight: 500;
     margin-bottom: 30px;
}
 .button:hover {
     color: white !important;
}
 .button{
     align-items: flex-start;
     appearance: none;
     background-attachment: scroll;
     background-clip: border-box;
     background-color:#FFCD00;
     background-image: none;
     background-origin: padding-box;
     background-position-x: 0%;
     background-position-y: 0%;
     background-size: auto;
     border-bottom-color: rgb(255, 255, 255);
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     border-bottom-style: solid;
     border-bottom-width: 0px;
     border-image-outset: 0;
     border-image-repeat: stretch;
     border-image-slice: 100%;
     border-image-source: none;
     border-image-width: 1;
     border-left-color: rgb(255, 255, 255);
     border-left-style: solid;
     border-left-width: 0px;
     border-right-color: rgb(255, 255, 255);
     border-right-style: solid;
     border-right-width: 0px;
     border-top-color: rgb(255, 255, 255);
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
     border-top-style: solid;
     border-top-width: 0px;
     box-sizing: border-box;
     color: white;
     cursor: pointer;
     display: inline-block;
     float: none;
     font-family: 'Kumba Sans', sans-serif;
     font-size: 15px;
     font-stretch: 100%;
     font-style: normal;
     font-variant-caps: normal;
     font-variant-east-asian: normal;
     font-variant-ligatures: normal;
     font-variant-numeric: normal;
     font-weight: 500;
     height: 43px;
     letter-spacing: normal;
     line-height: 17px;
     margin-bottom: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-top: 0px;
     padding-bottom: 13px;
     padding-left: 29px;
     padding-right: 29px;
     padding-top: 13px;
     position: relative;
     text-align: center;
     text-decoration-color: rgb(255, 255, 255);
     text-decoration-line: none;
     text-decoration-style: solid;
     text-decoration-thickness: auto;
     text-indent: 0px;
     text-rendering: auto;
     text-shadow: none;
     text-size-adjust: 100%;
     text-transform: uppercase;
     transition-delay: 0s;
     transition-duration: 0.2s;
     transition-property: all;
     transition-timing-function: ease;
     user-select: none;
     vertical-align: middle;
     visibility: visible;
     white-space: pre;
     word-spacing: 0px;
     writing-mode: horizontal-tb;
     -webkit-rtl-ordering: logical;
     -webkit-border-image: none;
}
 .loginbtnText{
     font-family: 'Kumba Sans', sans-serif !important;
     font-size: 16px !important;
     font-stretch: 100% !important;
     font-style: normal !important;
     font-variant-caps: normal !important;
     font-variant-east-asian: normal !important;
     font-variant-ligatures: normal !important;
     font-variant-numeric: normal !important;
     font-weight: 500 !important;
}

 .loader {
     border: 2px solid black;
     position: absolute;
     background: white;
     padding: 50px;
     text-align: center;
     left: calc(50% - 200px);
}

 .external-toolbar-container {
     line-height: 24px;
     width: 100%;
     color: #333;
     z-index: 9999;
     background-color: #FFFFFF;
     position: fixed;
     top: 0;
     left: 0;
     z-index: 999 !important;
     height: 100px !important;
     display: flex !important;
     flex-basis: auto;
     flex-direction: row;
     flex-grow: 0;
     flex-shrink: 1;
     row-gap: 0px;
     text-align: start;
     justify-content: normal;
     padding-left: 8%;
     padding-right: 8%;
     padding-top: 0 !important;
     
}

 .external-toolbar-container:hover {
     background: #FFF;
}

 .external-toolbar {
     max-width: 1350px;
     margin-left: auto;
     margin-right: auto;
}

 .pro-logo {
     width: 300px;
}
 .external-menu {
     list-style-type: none;
}
 .external-menu {
     display: inline;
     width: 100%;
     display: inline-block;
     justify-content: end;
     line-height: 45px;
}
 .external-menu li, .external-menu li a {
     font-family: "Kumba Sans", sans-serif;
     font-weight: 600;
     color: black !important;
     letter-spacing: 1.4px;
     text-decoration: none;
     text-decoration-line: none;
     color: #707070;
     display: inline-block;
     text-size-adjust: 100%;
     font-size: 12px;
     text-transform: uppercase;
}
 .external-menu li {
     margin-left: 50px;
}
 .external-menu li:hover {
     cursor: pointer;
}
 .external-menu li:hover, .external-menu li a:hover {
     color: #FFCD00 !important;
}
 .external-blue-link:hover {
     color: var(--COMPANY_STYLE_FONT_COLOR_DARKEN) !important;
}
 div.external-menu-dropdown {
     width: 100%;
     visibility: hidden;
     position: absolute;
     top: 75px;
     left: 0;
     transition: ease-in 0.3s;
     background-color: white;
     border-top: 3px solid #e9e9e9;
     border-bottom: 3px solid #e9e9e9;
     padding-top: 10px;
     padding-bottom: 10px;
     z-index: 9999;
}
 .external-menu li:hover > div.external-menu-dropdown {
     visibility: visible;
     transform: translateY(10px);
}
 .external-menu-dropdown-border {
     background: #e9e9e9;
}
 .external-toolbar-right {
     display: inline-block;
     float: right;
}
 .external-toolbar-left {
     display: inline-block;
     width: 33.333%;
     float: left;
}
 .external-menu-dropdown-content {
     max-width: 1350px;
     width: 1350px;
     margin-left: auto;
     margin-right: auto;
}
 .external-menu-dropdown-content h1 {
     font-size: 20px;
     font-weight: 500;
     display: inline-block;
     letter-spacing: 0 !important;
}
 .external-menu-dropdown-content-left {
     width: 53.5%;
     display: inline-block;
     margin: 0;
     float: left;
}
 .external-menu-dropdown-content-right {
     width: 46.5%;
     display: inline-block;
     margin: 0;
     float: right;
     padding-left: 15px;
}
 .external-blue {
     color: #56b986 !important;
}
 .external-orange {
     color: #FFCD00 !important;
}
 .external-orange-link:hover {
     color: #FFCD00;
     !important;
}
 .external-dark-gray {
     color: #141441 !important;
}
 .max-width {
     width: 100% !important;
}
 .external-gray {
     color: #333;
}
 h2, h2 a {
     font-size: 16px !important;
     font-weight: 500 !important;
     line-height: 20px !important;
}
 h1 {
     line-height: 20px !important;
}
 .test {
     background-image: url('https://ernavigator.com/wp-content/uploads/2021/07/7-aspects-to-pay-attention-to-300x158.jpg');
     background-size: contain;
     background-repeat: no-repeat;
     background-position: center;
}
 .external-footer-container {
     background-color: #020121;
     width: 100%;
     padding-bottom: 20px;
     padding-top: 80px;
}
 .external-footer {
     width: 1350px;
     margin-left: auto;
     margin-right: auto;
}
 #modal_error, #modal_confirm_overlay, #modal_confirm_container, #modal_page, #modal_page, #modal_html {
     display: none;
     height: 0;
     z-index: 9998 !important;
}
 #modal_error.iziModal, #modal_confirm_overlay.iziModal, #modal_confirm_container.iziModal, #modal_page.iziModal, #modal_page.iziModal, #modal_html.iziModal {
     display: block;
     height: auto;
     z-index: 9998 !important;
}
 .fix-header .modal_confirm_overlay {
     background-color: rgba(0, 0, 0, 0.6) !important;
     top: 0 !important;
     position: fixed !important;
     height: 100% !important;
     width: 100% !important;
     display: none;
     z-index: 9998 !important;
}
 .external-white-link {
     color: white;
     font-family: 'Kumba Sans', sans-serif;
     font-size: 16px;
     font-weight: 500;
     text-decoration: none;
     text-decoration-line: none;
}
 .external-white-label {
     color: white;
     font-family: 'Kumba Sans', sans-serif;
     font-size: 16px;
     font-weight: 400;
     text-decoration: none;
     text-decoration-line: none;
}
 .external-white-link:hover {
     cursor: pointer;
     color: white;
}
 h3 {
     font-size: 20px !important;
     font-weight: 500 !important;
}
 .external-white-line {
     height: 1.2px;
     margin-top: 60px;
     margin-bottom: 10px;
     background-color: white;
}
 .external-footer-copyright {
     text-align: center;
     width: 100%;
}
 .fa-icon {
     position: relative;
     left: -30px;
     top: 3px;
     font-size: 18px;
     color: #fffcfc;
}
 .icon-fa-link {
     text-decoration: none;
     text-decoration-line: none;
}
 .header2 .external-blue-link, .header2 .external-paging-links span {
     text-decoration: none;
     text-decoration-line: none;
     color: #56b986 !important;
     font-weight: 500 !important;
     font-size: 20px !important;
     font-family: 'Kumba Sans';
}
 .external-blue-link, .external-paging-links span {
     text-decoration: none;
     text-decoration-line: none;
     color: #56b986 !important;
     font-weight: 500 !important;
     font-size: 16px !important;
     font-family: 'Kumba Sans';
}
 .external-blue-link:hover, .external-paging-links a:hover {
     cursor: pointer;
}
 .external-paging-links a {
     font-weight: 400 !important;
     font-size: 16px !important;
     color: rgb(51, 51, 51);
     text-decoration: none;
     text-decoration-line: none;
}
 .external-blue-bg {
     background-color: #00a6fb !important;
     color: white;
}
 .external-form {
     border-radius: 15px 15px 15px 15px;
     box-shadow: 10px 12px 50px -14px rgb(0 0 0 / 50%);
     box-sizing: border-box;
     -webkit-transition: background .3s,border .3s,border-radius .3s,-webkit-box-shadow .3s;
     transition: background .3s,border .3s,border-radius .3s,-webkit-box-shadow .3s;
     transition-property: background, border, border-radius, box-shadow, -webkit-box-shadow;
     transition-duration: 0.3s, 0.3s, 0.3s, 0.3s, 0.3s;
     transition-timing-function: ease, ease, ease, ease, ease;
     transition-delay: 0s, 0s, 0s, 0s, 0s;
     -o-transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
     transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
     transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,-webkit-box-shadow .3s;
}
 .external-subscribe-text {
     font-family: 'Kumba Sans';
}
 .external-subcriber-loader {
     width: 20px;
     height: 20px;
     line-height: 34px;
     margin-left: 10px;
     vertical-align: middle;
     margin-top: -5px !important;
}
 .external-subscribe-button {
     width: 136px !important;
     line-height: 34px;
     padding-left: 29px !important;
     padding-top: 5px !important;
     padding-right: 0px !important;
     white-space: normal !important;
     text-align: left !important;
     color: black !important;
}
 .external-subscribe-button:hover{
     color: black !important;
}
 .external-subscribe-button-saving {
     width: 160px !important;
}
 .external-subscribe-button-buy {
     width: 90px !important;
     line-height: 34px;
     padding-left: 29px !important;
     padding-top: 5px !important;
     padding-right: 0px !important;
     white-space: normal !important;
     text-align: left !important;
}
 .external-subscribe-button-buy:hover{
     color: black !important;
}
 .external-subscribe-button-saving-buy {
     width: 114px !important;
}
 .external-blue-button, .blueButton {
     width: 136px !important;
     line-height: 34px;
     padding-left: 29px !important;
     padding-top: 5px !important;
     padding-right: 0px !important;
     white-space: normal !important;
     text-align: left !important;
     background-color: #56b986 !important;
     color: white;
     font-weight:600 !important;
}
 .external-blue-button:hover, .blueButton:hover {
     background-color: #387857 !important;
}
 .small-label {
     color:#404040;
}
 .textbox-blue:-webkit-autofill {
     background-color: white !important;
     -webkit-box-shadow: 0 0 0px 1000px white inset;
     box-shadow: 0 0 0px 1000px white inset;
}
 .extra-small-label {
     font-size: 12px !important;
     color:#404040;
}
 .loginbtnText{
     font-weight: 600 !important;
}
 .external-blue-button-no-loader, .blueButton-no-loader {
     width: 136px !important;
     line-height: 34px;
     padding-top: 5px !important;
     white-space: normal !important;
     text-align: center !important;
     background-color: #56b986 !important;
     font-weight: 600 !important;
}
 .external-blue-button-no-loader:hover, .blueButton-no-loader: hover {
     width: 136px !important;
     line-height: 34px;
     padding-top: 5px !important;
     white-space: normal !important;
     text-align: center !important;
     background-color: #387857 !important;
     font-weight: 600 !important;
}
 .bg-color, .external-bg-color {
     background:#373B3D !important;
     height: 100%;
}
 .bg-color-float {
     background:#373B3D !important;
     bottom: 0;
     left: 0;
     position: fixed;
     right: 0;
     top: 0;
     z-index: -1;
}
 .textbox-blue, .texts {
     appearance: auto !important;
     background-color: rgb(255,255,255) !important;
     box-sizing: border-box !important;
     display: inline-block !important;
     float: none !important;
     margin-bottom: 0px !important;
     margin-left: 0px !important;
     margin-right: 0px !important;
     margin-top: 0px !important;
     padding-bottom: 10px !important;
     padding-left: 15px !important;
     padding-right: 15px !important;
     padding-top: 10px !important;
     visibility: visible !important;
     width: 100% !important;
     font-family: 'Kumba Sans',sans-serif !important;
     font-size: 16px !important;
     font-stretch: 100% !important;
     font-style: normal !important;
     font-variant-caps: normal !important;
     font-variant-east-asian: normal !important;
     font-variant-ligatures: normal !important;
     font-variant-numeric: normal !important;
     font-weight: 300 !important;
     letter-spacing: normal !important;
     line-height: 22.4px !important;
     text-align: start !important;
     text-indent: 0px !important;
     text-shadow: none !important;
     text-size-adjust: 100% !important;
     text-transform: none !important;
     vertical-align: middle !important;
     word-spacing: 0px !important;
     color: rgb(0,:0,:0) !important;
     border-color: #56b986 !important;
     border-style: solid !important;
     border-width: 1px !important;
     border-image-outset: 0 !important;
     border-image-repeat: stretch !important;
     border-image-slice: 100% !important;
     border-image-source: none !important;
     border-image-width: 1px !important;
     cursor: text !important;
     -webkit-border-image: none !important;
     border-radius: 4px !important;
     height: auto !important;
}
 .default-header {
     height: 30px;
     width: 100% !important;
     border-collapse: collapse;
     background-color: rgba(0,166,251,1) !important;
     font-family: 'Kumba Sans',sans-serif;
     font-size: 16px;
     font-stretch: 100%;
     font-style: normal;
}
 .default-header .Blue_Curved_Title {
     padding-left: 20px;
}
 .ExternalGradient {
     background: rgb(2,1,34) !important;
     background: #56b986 !important;
     height: 35px;
     font-weight: 600 !important;
}
 .flex-container {
     display: flex;
     flex-wrap: nowrap;
}
 .flex-container > div {
     width: 100px;
     margin: 10px;
}
 .AjaxLoader {
     content: url("/images/ajax-loader-pro.gif");
}
 .ajaxNoticeDiv {
     border-style: none;
     border-color: #005AA1;
     position: fixed;
     z-index: 9999;
     width: 20%;
     height: 160px;
     vertical-align: middle;
     background-color: transparent;
     top: 30%;
     left: 40%;
}
 .ajaxNoticeTbl {
     height: 100%;
     width: 100%;
     text-align: center;
     font-size: 13px;
     font-family: 'Open Sans', sans-serif;
     color: #005AA1;
     font-weight: bold;
     font-style: italic;
}
 .label-password-info label {
     box-sizing: border-box !important;
     color: rgb(51, 51, 51) !important;
     display: block !important;
     font-family: 'Kumba Sans',sans-serif !important;
     font-size: 14px !important;
     font-stretch: 100% !important;
     font-style: normal !important;
     font-variant-caps: normal !important;
     font-variant-east-asian: normal !important;
     font-variant-ligatures: normal !important;
     font-variant-numeric: normal !important;
     font-weight: 600 !important;
     letter-spacing: normal !important;
     margin-block-end: 0px !important;
     margin-block-start: 0px !important;
     margin-bottom: 0px !important;
     margin-inline-end: 0px !important;
     margin-inline-start: 0px !important;
     margin-top: 0px !important;
     text-size-adjust: 100% !important;
     text-transform: none !important;
}
 .label-password-info br {
     height: 0 !important;
}
 .external-mobi-form {
     width: calc(100% - 100px);
     background: white !important;
     min-height: 650px;
     margin: auto;
     margin-top: 150px !important;
     padding-left: 20px;
     padding-right: 20px;
     padding-top: 50px;
     padding-bottom: 50px;
}
 .text-mobi {
     width: 450px;
}
 .pricing-mobi-form {
     display: none;
}
 .pricing-desktop-form {
     display: block;
}
 .master-external-mobi {
     display: none;
}
 .master-external-desktop {
     display: block;
}
 .external-mobi-menu-dropdown-content-right {
     display: none;
}
 .external-mobi-signup-form {
     width: 570px;
     background: white !important;
     margin: auto;
     padding-left: 100px;
     padding-right: 40px;
     padding-top: 20px;
     padding-bottom: 20px;
     margin-top: 70px;
}
 .ActivationLogoContainer{
     padding-bottom: 30px;
}
 #idProMenuAction, div.ProMenuAction {
     visibility: hidden;
     position: fixed;
     right: 0px;
     top: 60px;
     color: #000 !important;
}
 .external-mobi-menu::before {
     content: '\f0c9';
     font-family: "FontAwesome";
}
/*show the submenu when input is checked*/
 #idProMenuAction:checked ~ div.ProMenuAction {
     visibility: visible;
     display: block;
}
 #idProMenuAction:checked ~ label.external-mobi-menu::before {
     font-family: "FontAwesome";
     content: '\f00d' !important;
}
 #idProSolutionsMenu, #idProSolutions {
     visibility: hidden;
     display: none;
}
/*show the submenu when input is checked*/
 #idProSolutions:checked ~ #idProSolutionsMenu {
     visibility: visible;
     display: block;
}
 #idProFeaturesMenu, #idProFeatures {
     visibility: hidden;
     display: none;
}
/*show the submenu when input is checked*/
 #idProFeatures:checked ~ #idProFeaturesMenu {
     visibility: visible;
     display: block;
}
 #idProResourcesMenu, #idProResources {
     visibility: hidden;
     display: none;
}
/*show the submenu when input is checked*/
 #idProResources:checked ~ #idProResourcesMenu {
     visibility: visible;
     display: block;
}
 #idProContactUsMenu, #idProContactUs {
     visibility: hidden;
     display: none;
}
/*show the submenu when input is checked*/
 #idProContactUs:checked ~ #idProContactUsMenu {
     visibility: visible;
     display: block;
}
 #idProSolutions:checked ~ .ProMenuMobiItem, #idProFeatures:checked ~ .ProMenuMobiItem, #idProResources:checked ~ .ProMenuMobiItem, #idProContactUs:checked ~ .ProMenuMobiItem {
     color: #FFCD00;
     background-color: #f7f8fb;
}
 .ProMenuAction a {
     text-decoration-line: none !important;
     text-decoration-color: #020121 !important;
     color: #020121 !important;
}
 .external-mobi-footer {
     display: none;
}
 .external-mobi-complete-form {
     width: 550px;
     margin: auto;
     background: white !important;
     margin-top: 150px !important;
     padding-left: 100px;
     padding-right: 100px;
     padding-top: 50px;
     padding-bottom: 50px;
}
/* MOBILE */
 @media (min-width: 320px) and (max-width: 480px) {
     .external-mobi-form {
         width: 100% !important;
         margin-left: auto !important;
         margin-right: auto !important;
         margin-top: 80px !important;
    }
     .external-mobi-signup-form {
         width: 100% !important;
         margin-left: auto !important;
         margin-right: auto !important;
         margin-top: 80px !important;
         background: white !important;
         padding-left: 10px !important;
         padding-right: 10px !important;
    }
     .ernav-page-panel {
         padding: 0 !important;
    }
     .ProMenuMobiItem {
         width: 100%;
         line-height: 60px;
    }
     body, .main {
         width: 100% !important;
    }
     .text-mobi {
         width: 100% !important;
    }
     .button-subscribe-mobi {
         margin-bottom: 5px;
    }
     .pricing-mobi-form {
         display: block;
    }
     .pricing-desktop-form {
         display: none !important;
    }
     .left-mobi-section {
         width: 100% !important;
         display: block;
    }
     .right-mobi-section {
         width: 100% !important;
         font-weight: 500 !important;
         display: block !important;
         margin: 0 !important;
         padding: 15px !important;
    }
     .master-external-mobi {
         display: block;
    }
     .master-external-desktop {
         display: none;
    }
     .pro-logo {
         width: 250px !important;
         margin-left: 20px !important;
    }
     .external-toolbar-right {
         display: none !important;
    }
     .external-footer {
         display: none !important;
    }
     .external-mobi-footer {
         display: block !important;
    }
     .external-mobi-footer tr td {
         text-align: center;
         padding-top: 10px;
    }
     .external-footer-container {
         padding-top: 30px !important;
    }
     .main {
         margin-top: 0 !important;
    }
     .external-mobi-menu {
         color: white;
         font-size: 30px;
         margin-top: 10px;
    }
     .external-mobi-menu-dropdown-content-right {
         display: inline-block !important;
         float: right;
         margin-right: 20px;
    }
     .ProMenuAction {
         margin-top: 10px;
         padding-top: 5px;
    }
     .ProMenuAction div {
         text-align: center;
         font-family: 'Kumba Sans',sans-serif !important;
         font-size: 16px !important;
         font-weight: 500;
    }
     div.ProMenuSubAction {
         display: none;
         padding-top: 0 !important;
         padding-bottom: 0 !important;
    }
     div.ProMenuSubAction div {
         line-height: 60px !important;
    }
     .sub-arrow {
         font-size: 16px;
    }
     .e-font-icon-svg.e-fas-caret-down {
         width: 10px;
         margin-left: 10px;
    }
     .external-mobi-footer {
         display: block;
    }
     .external-mobi-complete-form {
         width: calc(100% - 20px);
         margin: auto;
         background: white !important;
         margin-top: 150px !important;
         padding-left: 20px;
         padding-right: 20px;
         padding-top: 50px;
         padding-bottom: 50px;
    }